<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>健康餐</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <link rel="shortcut icon" href="/favicon.ico">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/sm.min.css">
    <link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/sm-extend.min.css">
	<link rel="stylesheet" href="/css/main.css">

  </head>
  <body>
    <div class="page-group">
        <div class="page page-current">
			  <!-- 这里是页面内容区 -->
            <header class="bar bar-nav">
			  <h1 class='title'>预售中--健康餐</h1>
			</header>
			<div class="content">
			  <div class="content content-inner">
				  <div class="buttons-tab">
					<a href="#tab1" class="tab-link active button my-button-aa">星期一<div>8月15日</div></a>
					<a href="#tab2" class="tab-link button my-button-aa">星期二<div>8月16日</div></a>
					<a href="#tab3" class="tab-link button my-button-aa">星期三<div>8月17日</div></a>
					<a href="#tab4" class="tab-link button my-button-aa">星期四<div>8月18日</div></a>
					<a href="#tab5" class="tab-link button my-button-aa">星期五<div>8月19日</div></a>
					<a href="#tab6" class="tab-link button my-button-aa">星期六<div>8月20日</div></a>
				  </div>
			 </div>	
			 <div style="margin-bottom:2rem"></div>
			  <div class="content-block my-content-block">
				<div class="tabs">
				  <div id="tab1" class="tab active">
						<div class="card facebook-card my-card">
							<div class="card-content"><img src="image/12.jpg" width="100%">
								<div class="card-content-inner">
									<div class="my-footer-font1">彩虹素沙拉-九谷厨房</div>
									<div class="my-footer-font2 color-gray"><span class="my-footer-right">♥</span>2000人喜欢</div>
									<div class="my-footer-font2 color-gray">回坊大皮院69号</div>
									<p></p>
									<div class="my-footer-size"><span class="my-footer-right">★</span>推荐理由</div>
									<div class="my-footer-font2">倾诉我的情愫的清素沙拉！鹰嘴豆、黑橄榄、红腰豆、土豆泥、黄桃、秋葵、黑加仑干、松子......千里莺啼绿映红，万紫千红总是春。</div>
									<div class="my-footer-font2">整份沙拉足足250g，热量却不到200cal!!!相当于3块奥利奥或者半块KFC中薯。天下还有这样的减肥圣品，还这么便宜，还免配送费~、！！！真是活就见！！！</div>
									<div class="my-footer-font2">纯净水洗菜，推荐搭配油醋汁、烘培芝麻酱。</div>
									<p></p>
									<table border="1" width="100%">
										<tr>
											<td colspan="2"><span style="margin-left:7%">活动价:28元</span><small style="text-decoration:line-through;">原价30元</small><span class="icon icon-cart pull-right"></span></td>
										</tr>
										<tr  align="center">
											<td>提前一天预定已省2元,全场免配送费</td>
											<td>仅剩10份</td>
										</tr>
									</table>
								 </div>
							</div>
							<p class="buttons-row">
								<a href="#" class="button button-fill button-big"></a><a href="#" class="button button-fill button-warning button-big open-alert">立即购买</a>
							</p>		
						</div><!--END card-->
				  </div><!--end tab1-->
				  <div id="tab2" class="tab">
					<div class="content-block">
					  <p>This is tab 2 content</p>
					</div>
				  </div>
				  <div id="tab3" class="tab">
					<div class="content-block">
					  <p>This is tab 3 content</p>
					</div>
				  </div>
				  <div id="tab4" class="tab">
					<div class="content-block">
					  <p>This is tab 4 content</p>
					</div>
				  </div>
				  <div id="tab5" class="tab">
					<div class="content-block">
					  <p>This is tab 5 content</p>
					</div>
				  </div>
				  <div id="tab6" class="tab">
					<div class="content-block">
					  <p>This is tab 6 content</p>
					</div>
				  </div>
				</div><!--end tabs-->
			  </div><!--end content-block-->
			</div><!--end content-->
		</div><!--end page-->
	</div><!--end page-group-->
    <script type='text/javascript' src='//g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>
    <script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/sm.min.js' charset='utf-8'></script>
    <script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/sm-extend.min.js' charset='utf-8'></script>
	

<!-- 默认必须要执行$.init(),实际业务里一般不会在HTML文档里执行，通常是在业务页面代码的最后执行 -->
	<script>$.init()</script>
	<script>
		$(document).on('click','.open-alert', function () {
		  $.get("c.php",function(data){
			 $.modal({
				  text: data
			})
		  });
		});
		$(document).on('click','.my-button-close', function () {
			$.closeModal(".my-button-close");
			window.location.href="c.html";
		});
		
	</script>
  </body>
</html>